<template>
  <div>
    <div class="sub-name name-box" id="low-name"><span>核心价值观</span></div>
    <div class="main-content-box theme-color02">
      <!--天赋能-->
      <div class="details-content" >
        <div v-html="intro[0].content"></div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'culture',
    async asyncData({$axios}){
      const intro = await $axios.$get('http://tfngw.tfnhg.com/Api/New/get_qywh');
      console.log(intro)
      return {intro}
    }
  }
</script>

<style >
  .name-box{
    width: 100%;
    height:0.69rem;
    position: relative;
    font-size: 0.22rem;
    border-bottom: 1px solid #d4d2d3;
  }
  .name-box span{
    position: absolute;
    left: 0;
    bottom:0.08rem;
  }
  .details-content{
    width: 100%;
  }
  .details-content p{
    line-height: 0.22rem;
    margin: 0.15rem 0;
  }
  .details-content img{
    max-width: 100%;
  }
</style>
